<!DOCTYPE html>
<html>
	<head>
		<!-- Title here -->
		<title>Dashboard - Slightech</title>
		<!-- Description, Keywords and Author -->
		<meta name="description" content="Your description">
		<meta name="keywords" content="Slightech,log system">
		<meta name="author" content="Slightech log system">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		
		<!-- Styles -->
		<!-- Bootstrap CSS -->
		<link href="<?=base_url('css/bootstrap.min.css')?>" rel="stylesheet">
		<!-- Bootstrap wysihtml5 CSS -->
		<link href="<?=base_url('css/bootstrap-wysihtml5.css')?>" rel="stylesheet">
		<link href="<?=base_url('css/prettify.css')?>" rel="stylesheet">
		<!-- jQuery Datatables -->
		<link href="<?=base_url('css/jquery.dataTables.css')?>" rel="stylesheet">
		<!-- jQuery gritter -->
		<link href="<?=base_url('css/jquery.gritter.css')?>" rel="stylesheet">
		<!-- Font awesome CSS -->
		<link href="<?=base_url('css/font-awesome.min.css')?>" rel="stylesheet">
		<!-- Custom Color CSS -->
		<link href="<?=base_url('css/less-style.css')?>" rel="stylesheet">	
		<!-- Custom CSS -->
		<link href="<?=base_url('css/style.min.css')?>" rel="stylesheet">
		<!-- Full calendar -->
		<link href="<?=base_url('css/fullcalendar.css')?>" rel="stylesheet">
		<link href="<?=base_url('css/bootstrap-datetimepicker.min.css')?>" rel="stylesheet">
		<link href="<?=base_url('css/winpop.css')?>" rel="stylesheet">		
		<!-- Favicon -->
		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?=base_url('ico/apple-touch-icon-144-precomposed.png')?>">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?=base_url('ico/apple-touch-icon-114-precomposed.png')?>">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?=base_url('ico/apple-touch-icon-72-precomposed.png')?>">
		<link rel="apple-touch-icon-precomposed" href="<?=base_url('ico/apple-touch-icon-57-precomposed.png')?>">
		<link rel="shortcut icon" href="<?=base_url('ico/favicon.png')?>">
	</head>
	<body>
		<div class="outer">
			<!-- Sidebar starts -->
			<div class="sidebar">
				<div class="sidey">
					<!-- Logo -->
					<div class="logo">
						<a href="<?=base_url('')?>"><img src="<?=base_url('img/logo.png');?>"></a>
					</div>
					<!-- Sidebar navigation starts -->
					<!-- Responsive dropdown -->
					<div class="sidebar-dropdown"><a href="#" class="br-red"><i class="fa fa-bars"></i></a></div>
					<div class="side-nav">
						<div class="side-nav-block">
							<!-- Sidebar heading -->
							<h4>Main</h4>
							<!-- Sidebar links -->
							<ul class="list-unstyled">
								<li><a href="<?=base_url('report')?>"><i class="fa fa-tachometer"></i> Dashboard</a></li>
								<?php if($this->session->userdata('role_id') == 1) { ?>								
									<li><a href="<?=base_url('report/reports')?>"><i class="fa fa-folder-open-o"></i> Report</a></li>
									<li><a href="<?=base_url('report_group')?>"><i class="fa fa-chain"></i> Report Group</a></li>
									<li><a href="<?=base_url('report_item')?>"><i class="fa fa-desktop"></i> Report Item</a></li>
									<li><a href="<?=base_url('realtime_item')?>"><i class="fa fa-inbox"></i> Realtime Item</a></li>
								<?php } ?>
								<li><a href="<?=base_url('report_data')?>"><i class="fa fa-bar-chart-o"></i> Report Data</a></li>
								<li><a href="<?=base_url('realtime_data')?>"><i class="fa fa-th-list"></i> Realtime Data</a></li>
								<!-- <li><a href="<?=base_url('calendar')?>"><i class="fa fa-calendar"></i> Calendar</a></li>
								<li><a href="<?=base_url('mail')?>"><i class="fa fa-envelope-o"></i> Mail</a></li> -->
							</ul>
						</div>
						<div class="side-nav-block">
							<h4>Menu</h4>
							<ul class="list-unstyled">
								<?php if($this->session->userdata('role_id') == 1) { ?>
									<li><a href="<?=base_url('user/user_edit')?>"><i class="fa fa-user"></i> User</a></li>
								<?php } ?>
								<li><a href="<?=base_url('user/logout')?>"><i class="fa fa-sign-in"></i> Logout</a></li>
							</ul>
						</div>
					</div>
					<!-- Sidebar navigation ends -->
				</div>
			</div>
			<!-- Sidebar ends -->
			<!-- Mainbar starts -->
			<div class="mainbar">
				<!-- Mainbar head starts -->
				<div class="main-head">
					<div class="container">
						<div class="row">
							<div class="col-md-3 col-sm-4 col-xs-6">
								<!-- Page title -->
								<h2><i class="fa fa-desktop lblue"></i> Dashboard</h2>
							</div>
							
							<div class="col-md-3 col-sm-4 col-xs-6">
								<!-- Search block -->
								<div class="head-search">
									<form class="form" role="form">
										<div class="input-group">
										  <input type="text" class="form-control" placeholder="Search...">
										  <span class="input-group-btn">
											<button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
										  </span>
										</div>
									</form>
								</div>
							</div>
							
							<div class="col-md-3 col-sm-4 hidden-xs">
								<!-- Notifications -->
								<div class="head-noty text-center">
									  <!-- Notifications -->
									  <div class="dropdown">
										  <a href="#" id="notifications" data-toggle="dropdown" class="mhead-icon" >
										  	<i id="hot-bell" class="fa fa-bell"></i><span id="alarm-num"></span>
										  </a>
										  <!-- Dropdown -->
										  <ul class="dropdown-menu alarm_info" role="button" aria-labelledby="notifications">
											<!-- Dropdown menu head -->
											<li class="dropdown-head">
												紧急报警
											</li>
											<!-- Content -->
										  </ul>
									  </div>
									
									  <!-- Messages -->
									  <div class="dropdown">
										  <a href="#" id="messages" data-toggle="dropdown" class="mhead-icon" ><i class="fa fa-envelope"></i> </a>
										  <ul class="dropdown-menu" role="button" aria-labelledby="messages">
											<!-- Dropdown menu head -->
											<li class="dropdown-head">
												Messages 
											</li>
											<!-- Content -->
											<li class="dropdown-foot text-center">
												<a href="#">View All</a>
											</li>
										  </ul>
									  </div>
									  <!-- Users -->
									  <div class="dropdown">
										  <a href="#" id="users" data-toggle="dropdown" class="mhead-icon" ><i class="fa fa-user"></i> </a>
										  <!-- Dropdown -->
										  <ul class="dropdown-menu drop-users" role="button" aria-labelledby="users">
											<!-- Dropdown menu head -->
											<li class="dropdown-head">
												Users 
											</li>
											<!-- Content -->
											<li class="dropdown-foot text-center">
												<a href="#">View All</a>
											</li>
										  </ul>
									  </div>
								</div>
								<div class="clearfix"></div>
							</div>
							
							<div class="col-md-3 hidden-sm hidden-xs">
								<!-- Head user -->
								<div class="head-user dropdown pull-right">
									<a data-toggle="dropdown" id="profile">
										<!-- Icon 
										<i class="fa fa-user"></i>  -->
										<img src="<?=base_url('img/user2.png')?>" alt="" class="img-responsive img-circle"/>
										<!-- User name -->
										<?php if($this->session->userdata('logged_in')): ?>
											<?php echo $this->session->userdata('user_name'); ?>
										<?php endif ?>
									</a>
									<!-- Dropdown -->
								</div>
								<div class="clearfix"></div>
							</div>
						</div>	
					</div>
				</div>
				<!-- Mainbar head ends -->
				
				
				
			